<template>
  <div>
    <div class="back" @click="toDealdetail">
      <i class="el-icon-close"></i>详情
    </div>
    <div class="deallist">
      <ul>
        <li><p>支付金额</p><span>17.00</span></li>
        <li><p>支付状态</p><span>支付成功</span></li>
        <li><p>支付创建时间</p><span>2019-04-31 18:06:35</span></li>
        <li><p>外卖订单号</p><span>101239812471924789124</span></li>
        <li><p>交易流水号</p><span>1246781264891752712</span></li>
        <li><p>第三方交易号</p><span></span></li>
      </ul>
    </div>
  </div>
</template>
<script>
  export default {
    methods: {
      toDealdetail () {
        this.$router.push('/dealdetail')
      }
    }
  }
</script>
<style lang="stylus" type="text/stylus">
  @import '../../common/stylus/mixin.styl'
  .back
    width :100%
    height :40px
    background-color :blue
    line-height :40px
    color :white
    padding-left :10px
    font-size :14px
    i
      margin-right :20px
      font-size :18px
  .deallist
    margin-top :10px
    ul
      list-style :none
      box-shadow :1px 1px 2px #cccccc
      li
        border-bottom :1px solid rgba(7,17,27,.1)
        padding :20px 0 20px 10px
        p
          width :18%
          text-align :center
          display :inline-block
        span
          float :right
          padding-right :10px

</style>
